Creating a style

Create a style to automate the formatting of HTML tags or text block identified by a CLASS attribute.

To create a style:

1 Choose Window > Styles and click Edit Style Sheets in the Style palette.
2 In the Edit Style Sheet dialog box, click New.
3 Choose from the following style types:
Make Custom Style creates a style for a CLASS attribute that can be applied to a text block.
Redefine HTML Tag creates a style that changes the formatting of a specified HTML tag.
CSS Selector creates a style for any section of the document identified by a valid CSS selector.
4 Enter a name, tag, or selector for the new style, following these conventions:
Custom style names for CLASS attributes must begin with a period. If you don't enter the period yourself, Dreamweaver enters it for you.
For HTML tag styles, choose an HTML tag from the pop-up menu, or enter one.
For a selector, enter any valid criteria for a selector, for example TD H2 or #myLayer.
5 Click a panel name on the left side of the dialog box and choose the formatting settings for the new style in the corresponding panel. Leave attributes empty if they are not important to the style.

Dreamweaver cannot display all of the available attributes indicated by an asterisk (*) next to the name. Some attributes are in the CSS specification, but are supported by only some current browsers and some attributes currently are not supported by any browsers.

See the following topics for information about specific settings:

Style Definition for Type panel
Style Definition for Background panel
Style Definition for Block panel
Style Definition for Box panel
Style Definition for Border panel
Style Definition for List panel
Style Definition for Positioning panel
Style Definition for Extensions panel

When you create a custom style, it appear in the Style palette and in the Text > Custom Style submenu.